import React from 'react'
import { View, ScrollView, KeyboardAvoidingView, Text } from 'react-native'
import { Header, Button } from 'react-native-elements'
import { HeaderBack } from '~/components/header'

class Component extends React.Component {
  constructor (props) {
    super(props)
  }

  render() {
    const { navigation } = this.props;

    return (
      <View style={{flex: 1}}>
        <Header
          leftComponent={ HeaderBack(navigation) }
          centerComponent={{text: 'Ameili', style: {color: 'white'}}}
          rightComponent={{type: 'ionicon', icon: 'ellipsis-horizontal', color: '#fff'}}
        />

        <KeyboardAvoidingView style={{flex: 1}} behavior={Platform.OS == "ios" ? "padding" : "height"}>
          <ScrollView showsVerticalScrollIndicator={false}>
            <Text>面对面交流</Text>
          </ScrollView>
        </KeyboardAvoidingView>
      </View>
    );
  }
}

export default Component;
